<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们</title>
    <link rel="stylesheet" href="./css/index.css">
    <script>
        window.onscroll = function a() {
            var h = document.documentElement.scrollTop || document.body.scrollTop;
            var headerTop = document.getElementById('navbar');
            if (h > 100) {
                headerTop.style.background = '#0e031e';
            } else if (h <= 100) {
                headerTop.style.background = "rgba(0, 0, 0, 0)";
            }
        }
    </script>
    <style>

    </style>
</head>

<body>
    <!-- header头部 模块-->
    <nav id="navbar">
        <div class="header">
            <div class="nav-wrapper">
                <div class="nav-container">
                    <div class="nav-l">
                        <div class="logo">
                            <img src="./images/logo.png" class="logo" alt="Logo">
                        </div>
                        <ul class="nav-a">
                            <li><a href="#">首页</a></li>
                            <li><a href="#">5G</a></li>
                            <li><a href="#">人工智能</a></li>
                            <li><a href="#">数字货币</a></li>
                            <li><a href="#">物联网</a></li>
                        </ul>
                    </div>
                    <div class="nav-r">
                        <div class="b-l">联系我们</div>
                        <div class="b-lx"></div>
                        <a href="https://gitee.com/chen-jieyan-jy/group-assignments.git" target="_blank">
                            <button><img src="./images/arrow.png" alt="">我们的仓库</button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <main>
        <div class="box">
            <div class="selector">
                <img src="./images/logo.png" alt="" style="width: 100%;"><br><br><br>
                <div class="btn">
                    Explainer video
                </div>
                <div class="con">
                    <div class="i_1" style="padding: 60px 120px;">
                        <div class="item it1">
                            <div class="i_con">
                                <p>陈杰妍</p>
                                <p>ChenJieYan</p>
                            </div>
                        </div>
                        <div class="item it2">
                            <div class="i_con">
                                <p>秦思洁</p>
                                <p>QinSiJie</p>
                            </div>
                        </div>
                    </div>
                    <div class="i_1">
                        <div class="item it_1">
                            <div class="i_con">
                                <p>苏嘉欣</p>
                                <p>SuJiaXin</p>
                            </div>
                        </div>
                        <div class="item it_2">
                            <div class="i_con">
                                <p>高轩</p>
                                <p>GaoXuan</p>
                            </div>
                        </div>
                        <div class="item it_3">
                            <div class="i_con">
                                <p>林静</p>
                                <p>LingJing</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
</body>

</html>